<template>
    <div>
        <div>
            <TopNav></TopNav>
        </div>
        <div class="clear">
            <ZuoNav></ZuoNav>
            <div class="main">
                <router-view></router-view>
            </div>
        </div>
    </div>
</template>
<script>
import TopNav from '../components/TopNav'
import ZuoNav from '../components/ZuoNav'
export default {
    components:{
        TopNav,
        ZuoNav
    }
}
</script>
<style lang="less" scoped>
    .clear::after{
        content: '';
        display: block;
        clear: both;
    }
    .main{
        float: left;
        margin: 20px 0;
        padding: 0 20px;
        width: 85%;
        height: 800px;
        background-color: skyblue;
        box-sizing: border-box;
    }
</style>